<%@ page import="User.MessageDTO" %><%--
  Created by IntelliJ IDEA.
  User: huashuowei
  Date: 2019/5/2
  Time: 14:48
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>My information</title>
    <link href="css/bootstrap.min.css" rel='stylesheet' type='text/css' />
    <script src="js/jquery-2.1.4.min.js"></script>
    <link href="css/userinfo-style.css" rel='stylesheet' type='text/css' />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


    <script type="text/javascript" src="js/move-top.js"></script>
    <script type="text/javascript" src="js/easing.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function($) {
            $(".scroll").click(function(event){
                event.preventDefault();
                $('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
            });
        });
    </script>
</head>
<body>
<%
    String name=null;
    String email=null;
    String phone=null;
    String img=null;
    MessageDTO messageDTO=(MessageDTO)request.getSession().getAttribute("LocalUser");
    if(messageDTO!=null)
    {
        name=messageDTO.getname();
        email=messageDTO.gete_mail();
        phone=messageDTO.getPhone();
        img=messageDTO.getimg();
    }
%>
<div id="home" class="header">
    <div class="container">
        <!-- top-hedader -->
        <div class="top-header">
            <!-- /logo -->
            <!--top-nav---->
            <div class="top-nav">
                <div class="navigation">
                    <div class="logo">
                        <h1><a href="#"><span>P</span>REFACE</a></h1>
                    </div>

                        <script>
                            $( "span.menu" ).click(function() {
                                $( "ul.nav1" ).slideToggle( 300, function() {
                                    // Animation complete.
                                });
                            });
                        </script>
                        <!-- /script-for-menu -->
                    </div>
                    <div class="clearfix"></div>
                </div>
                <!-- /top-hedader -->
            </div>
            <div class="banner-info">
                <div class="col-md-7 header-right">
                    <h1>Hi !</h1>
                    <h6>Friends</h6>
                    <ul class="address">

                        <li>
                            <ul class="address-text">
                                <li><b>NAME</b></li>
                                <li><%=name %></li>
                            </ul>
                        </li>
                        <li>
                            <ul class="address-text">
                                <li><b>E-mail</b></li>
                                <li><%=email %></li>
                            </ul>
                        </li>
                        <li>
                            <ul class="address-text">
                                <li><b>PHONE </b></li>
                                <li><%=phone %></li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <div class="col-md-5 header-left">
                    <form action="UploadServlet" method="post" enctype="multipart/form-data">
                        <img src="upload/<%=img %>" width="180" height="300" />
                        <table>
                            <tr>
                                <!-- 设置 for ="file" 在鼠标点击标签时会弹出文件选取框 -->

                                <td><input type="file" id="img" name="picture" value=""/></td>
                            </tr>
                            <tr>
                                <!-- 设置占据两个单元格 -->
                                <td  colspan="2" ><input type="submit" value="提交"/></td>
                            </tr>

                        </table>
                    </form>
                </div>
                <div class="clearfix"> </div>

            </div>
        </div>
    </div>
</div>

<script src="js/bootstrap.min.js"></script>
</body>

</html>
